<template>
  <div>
    <mt-tab-container v-model="selected">
      <mt-tab-container-item id="home">首页</mt-tab-container-item>
      <mt-tab-container-item id="order">订单</mt-tab-container-item>
      <mt-tab-container-item id="user">我的</mt-tab-container-item>
    </mt-tab-container>
    <div class="bottom-bar">
      <mt-tabbar v-model="selected">
        <mt-tab-item id="home">
          <img slot="icon" src="assets/logo.png">
          首页
        </mt-tab-item>
        <mt-tab-item id="order">
          <img slot="icon" src="assets/logo.png">
          订单
        </mt-tab-item>
        <mt-tab-item id="user">
          <img slot="icon" src="assets/logo.png">
          我的
        </mt-tab-item>
      </mt-tabbar>
    </div>
  </div>
</template>
<script>
export default {
    name: 'tabBar',
    data () {
        return {
            selected:'home'
        }
    }
}
</script>

